// 导入Vue
import Vue from 'vue'
// 导入vue-router插件
import VueRouter from 'vue-router'
// 给Vue安装路由插件
Vue.use(VueRouter)


// 导入大的组件（代表一个页面）
import HomeView from '../views/HomeView.vue'
import AboutView from '../views/AboutView.vue'

// 创建路由规则 --> 路由规则就是指设置什么样的路径对应哪个的组件
const routes = [
  {
    // path设置路径
    path: '/a',
    // 给这个路由起个名字，暂时没什么意义
    name: 'home',
    // 路径对应的组件
    component: HomeView
  },
  {
    path: '/b',
    name: 'about',
    component: AboutView
  }
]

// 实例化一个VueRouter的对象并运用上面填好的规则
const router = new VueRouter({
  // 使用上面写好的规则
  routes,
  // mode: 'history'
})

// 默认暴露： 暴露了这个路由对象
export default router